<template>
  <!-- 遍历数组 -->
  <template v-for="(item, index) in dataList" :key="item">
    <div>这是第{{ index }}个{{ item }}</div>
  </template>
  <button @click="btnClick">点我吧</button>
</template>

<script>
import { ref, reactive } from 'vue'
export default {
  name: 'HelloWorld',
  setup() {
    const dataList = ref([1, 2, 3])
    // vue内部对此方法已经监听
    const btnClick = () => {
      // dataList.value.push(222)
      // dataList.value.pop()
      // dataList.value.shift()
      // dataList.value.unshift(22222)
      // dataList.value.splice(0, 2, 2222222)
      // dataList.value.sort((a, b) => b - a)
      dataList.value.reverse()
    }
    return { dataList, btnClick }
  },
}
</script>
<style scoped></style>
